<template>
  <!-- 头部 -->
  <header class="header">
    <!--顶部导航组件-->
    <Nav />
    <div class="bottom">
      <!--Logo组件-->
      <Logo />
      <!--seacrch搜索组件-->
      <Search />
    </div>
  </header>
</template>

<script setup>
import Nav from "./Nav/Nav.vue";
import Logo from "./Logo/Logo.vue";
import Search from "./Search/Search.vue";
name: "myHeader";
components: [Nav, Logo, Search]
  

</script>

<style scoped lang="less">
.header {
  .bottom {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
  }
}
</style>
